﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>
        jHandle Demo Page
    </title>

    <script src="lib/jquery-1.2.6.js" type="text/javascript"></script>

    <script src="src/jquery.jhandle.js" type="text/javascript"></script>

    <script type="text/javascript">
    
        $(function(){
        
            $.handle("a.confirm", function(){
            
                $(this).bind("click", function(){
                    return confirm("Are you sure?");
                });
            
            });
            
            $("#links").append("<li> <a href='four.html' class='confirm'>Four</a> </li>");
            
            $("#links").handle();
        
        });
    
    </script>

</head>
<body>
    <ul id="links">
        <li><a href="one.html" class="confirm">One</a></li>
        <li><a href="two.html" class="confirm">Two</a></li>
        <li><a href="three.html" class="confirm">Three</a></li>
    </ul>
</body>
</html>
